<%@ include file="header.jsp"%>
	
	<s:include value="steps.jsp">
		<s:param name="servizio" ><s:property value="%{pratica.servizio}"/></s:param>
		<s:param name="ente" ><s:property value="%{pratica.ente}"/></s:param>
    	<s:param name="steps" ><s:property value="%{steps}"/></s:param>
    	<s:param name="step" ><s:property value="%{step}"/></s:param>
    	<s:param name="index" ><s:property value="%{index+1}"/></s:param>
	</s:include>
	<script>
	
		$( document ).ready(function() {
		    var fruitore = $("#fruitore option:selected").text();
		    if(fruitore == '')
		        $( "#fruitoreDiv" ).hide();
		});
		
	</script>
	
	<div class="ept_istruzioni_container">
          <p>Verifica i tuoi dati anagrafici: se non sono corretti, aggiornali.<br>I campi contrassegnati con asterisco (<span class="ept_obbligatorio">*</span>) sono obbligatori.</p> 
	</div>
	
	<div class="ept_container" >
		<s:form id="formFruitore" namespace="/esf/rsm2" action="fruitore-reload">
			<div class="ept_separatore">&nbsp;</div>
			<div class="ept_riga">
					<div class="ept_colonna_sx">
						<s:label key="label.fruitore" />
					</div>
					<div class="ept_colonna_dx" >
						<s:select id="fruitore" cssClass="ept_select" name="pratica.personaFruitore.codiceFiscale" list="listaFigli" listKey="chiave" listValue="valore" 
								headerKey="" headerValue="" onChange="document.forms['formFruitore'].submit()">
						</s:select>
					</div>
				</div>
			<div id="fruitoreDiv" class="ept_container">
				<fieldset class="ept_fieldset">
				<legend class="ept_legend">Fruitore</legend>
				<%-- 
				<div class="ept_riga">
					<div class="ept_colonna_sx">
						<s:label key="label.anagrafica.codiceFiscale" />
					</div>
					<div class="ept_colonna_dx" >
						<s:textfield  name="pratica.personaFruitore.codiceFiscale"/>
					</div>
					<div class="ept_colonna_dx_error">			
						<s:fielderror cssStyle="margin: 0;" cssClass="ept_errore"  fieldName="pratica.personaFruitore.codiceFiscale" />
					</div>
				</div>
				--%>
				<div class="ept_riga">
					<div class="ept_colonna_sx">
						<s:label key="label.anagrafica.nome" />:
					</div>
					<div class="ept_colonna_dx" >
						<s:textfield  name="pratica.personaFruitore.nome"/>
					</div>
					<div class="ept_colonna_dx_error">			
						<s:fielderror cssStyle="margin: 0;" cssClass="ept_errore"  fieldName="pratica.personaFruitore.nome" />
					</div>
				</div>
				<div class="ept_riga">
					<div class="ept_colonna_sx">
						<s:label key="label.anagrafica.cognome" />:
					</div>
					<div class="ept_colonna_dx" >
						<s:textfield  name="pratica.personaFruitore.cognome"/>
					</div>
					<div class="ept_colonna_dx_error">			
						<s:fielderror cssStyle="margin: 0;" cssClass="ept_errore"  fieldName="pratica.personaFruitore.cognome" />
					</div>
				</div>
				<div class="ept_riga">
					<div class="ept_colonna_sx">
						<s:label key="label.anagrafica.dataNascita" />:
					</div>
					<div class="ept_colonna_dx" >
						<s:textfield name="pratica.personaFruitore.dataNascita" value="%{getText('{0,date,dd/MM/yyyy}',{pratica.personaFruitore.dataNascita})}"/>
					</div>
					<div class="ept_colonna_dx_error">			
						<s:fielderror cssStyle="margin: 0;" cssClass="ept_errore"  fieldName="pratica.personaFruitore.dataNascita" />
					</div>
				</div>
				<div class="ept_riga">
					<div class="ept_colonna_sx">
						<s:label key="label.anagrafica.sesso" />
					</div>:
					<div class="ept_colonna_dx" >
						<s:select cssClass="ept_select" name="pratica.personaFruitore.sesso" list="listaSesso" listKey="chiave" listValue="valore" 
								headerKey="" headerValue="" label="label.anagrafica.sesso">
						</s:select>
					</div>
				</div>
				<div class="ept_riga">
					<div class="ept_colonna_sx">
						<s:label key="label.anagrafica.cittadinanza" />:
					</div>
					<div class="ept_colonna_dx" >
						<s:select cssClass="ept_select" name="pratica.personaFruitore.cittadinanza" list="listaCittadinanza" listKey="chiave" listValue="valore" 
								headerKey="" headerValue="Selezionare Cittadinanza" label="label.anagrafica.sesso">
						</s:select>
					</div>
				</div>
				</fieldset>
				<div class="ept_separatore">&nbsp;</div>
				<fieldset class="ept_fieldset">
				<legend class="ept_legend">Dati Residenza</legend>
				<div class="ept_riga">
					<div class="ept_colonna_sx">
						<s:label key="label.anagrafica.residenza.denominazione" />:<span class="ept_obbligatorio">* </span>
					</div>
					<div class="ept_colonna_dx" >
						<s:textfield name="pratica.personaFruitore.residenza.descrizione" />
						<s:label key="label.anagrafica.residenza.numero" /><span class="ept_obbligatorio">* </span>
						<s:textfield cssStyle="width:30px;" name="pratica.personaFruitore.residenza.numeroCivico" />
						&nbsp;/&nbsp;
						<s:textfield cssStyle="width:30px;" name="pratica.personaFruitore.residenza.letteraCivico" />
					</div>
					<div class="ept_riga">
						<div class="ept_colonna_sx">
							<s:label key="label.anagrafica.residenza.provincia" />:
						</div>
						<div class="ept_colonna_dx" >
							<s:select cssClass="ept_select" name="pratica.personaFruitore.residenza.comune.provincia" list="listaProvince" listKey="chiave" listValue="valore" 
									headerKey="" headerValue="Selezionare Provincia di residenza" label="label.anagrafica.residenza.provincia">
							</s:select>
						</div>
					</div>
					<div class="ept_riga">
						<div class="ept_colonna_sx">
							<s:label key="label.anagrafica.residenza.comune" />:
						</div>
						<div class="ept_colonna_dx" >
							<s:select cssClass="ept_select" name="pratica.personaFruitore.residenza.comune.codiceIstat" list="listaComuniCompleta" listKey="chiave" listValue="valore" 
									headerKey="" headerValue="Selezionare Comune di residenza" label="label.anagrafica.residenza.comune">
							</s:select>
						</div>
					</div>
					<div class="ept_riga">
						<div class="ept_colonna_sx">
							<s:label key="label.anagrafica.residenza.cap" />:
						</div>
						<div class="ept_colonna_dx" >
							<s:textfield cssStyle="width:80px;" name="pratica.personaFruitore.residenza.cap" />
						</div>
						<div class="ept_colonna_dx_error">			
							<s:fielderror cssStyle="margin: 0;" cssClass="ept_errore"  fieldName="pratica.personaFruitore.residenza.cap" />
						</div>
					</div>	
				</div>
				</fieldset>
			</div>
 			<div class="ept_separatore"> </div>
   			<div class="ept_riga">
				<div class="ept_cella_pulsante_center">
   					<s:submit cssClass="ept_pulsante" value="Indietro"  action="fruitore-indietro"/>
   				</div>
   				<div class="ept_cella_pulsante_center">
   					<s:submit cssClass="ept_pulsante" value="Avanti" action="fruitore-avanti"/>
   				</div>
   			</div>
		</s:form>
	</div>	
<%@ include file="footer.jsp"%>